<!doctype html>
<html lang="zh-cn" ng-app="projectModule">
	<head>
		<meta charset="UTF-8">
		<title>浏览项目</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="stylesheet" href="/css/bootstrap/bootstrap.min.css" />
		<link rel="stylesheet" href="/css/style.css" >
		<link rel="stylesheet" href="/css/project-one.css" >
	</head>

	<body >
		<!-- 导航栏组件 -->
		<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
			<div class="container">
				<!-- 导航栏下拉按钮 -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#naviList">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="#" >西电项目平台</a>

				</div>

				<!-- 导航栏 -->
				<div class="collapse navbar-collapse" id="naviList">
					<ul class="nav navbar-nav">
						<li> 
							<a href="/project"><span class="glyphicon glyphicon-align-left"></span> 浏览项目</a>
						</li>
						<li>
							<a href="/project/create"><span class="glyphicon glyphicon-plus"></span> 创建项目</a>
						</li>
						<li>
							<a href="/user/create" ><span class="glyphicon glyphicon-user"></span> 注册</a>
						</li>
						<li>
							<a href="/user/login" ><span class="glyphicon glyphicon-user"></span> 登陆</a>
						</li>
					</ul>
				</div>
			</div>
		</nav>
		<!-- 主显示区域 -->
		<div class="container">
			<div ng-controller="ProjectController" id="projects">
				<!--图片-->
				<div id="bgimg">
					<img src="/img/bg.jpg" />
					<div class="img-title">{{data.name}}</div>
				</div>	
				<!--内容-->
				<div class="row" id="content">
					<div class="col-md-8" id="content-left">
						<div class="row">
							<div class="col-md-12">
								<h2>{{data.name}}</h2>
							</div>
							<div class="col-md-12">
								<p>{{data.projectInfo}}</p>
							</div>
						</div>		
					</div>
					<div class="col-md-4" id="content-right">
						<h3>团队成员</h3>
						<table  class="table table-striped table-hover">
							<thead>
							<tr>
								<th>Name</th>
								<th>Email</th>
								<td></td>
							</tr>
							</thead>
							<tbody>
							<tr ng-repeat="mem in data.teamInfo.member">
								<td>{{mem.name}}</td>
								<td>{{mem.email}}</td>
								<td><a href="mailto:{{mem.email}}"><i class="glyphicon glyphicon-envelope"></i></a></td>
							</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>

		<!-- 要加载的脚本 -->
		<script src="/js/libs/jquery.min.js"></script>
		<script src="/js/libs/bootstrap.min.js"></script>
		<script src="/js/libs/angular.min.js"></script>
		<script src="/js/libs/angular-route.js"></script>
		<script src="/js/libs/angular-resource.js"></script>
		<script src="/js/service.js"></script>
		<script src="/js/project-one.js"></script>
	</body>
</html>
